<template>
  <div>
    <div class="container layout column-elem ">
      <div style="margin: 0 auto;">
        <div class="container layout column-elem ">
          <div style="margin: 0 auto;">
            <!-- 功能导航 -->
            <div class="content" style="padding:0px">
              <div class="path-description" style="margin:0px; ">
                <div class="path-desc-top clearfix"
                  style=" box-shadow: 0 1px 3px 0 #0a0a0a;background-size: cover; height: 50px; ">
                  <div class="name-total-box clearfix">

                    <div class="path-total-courses">
                      <div class="nav-mine">
                        <div class=" path-name">
                          <router-link to="/payDetail/planPay">
                          <div class="nav-mine-content" >
                            <i>按计划支付</i>
                          </div>
                        </router-link>

                        <router-link to="/payDetail/adancePay">
                          <div class="nav-mine-content">
                            <i>提前结清</i>
                          </div>
                        </router-link>

                        </div>
                      </div>

                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <router-view></router-view>

 </div>

</template>

<script>
export default {
  name: 'PayDetail'

}
</script>

<style scoped>
.container {
  padding-left: 0%;
  padding-right: 0%;
}


.layout {
  margin-top: 20px;
}

.nav-mine {
  background-color: white;
  box-shadow: 0 0 4px 2px rgb(211, 210, 210);
}

.nav-mine .nav-mine-content {
  color: black;
  width: 45%;
  display: inline-block;
}

.nav-mine-content i {
  font: bold 15px/16px 'Microsoft YaHei';
  font-size: 15px;
  font-style: normal;
}

.nav-mine-content:hover {
  cursor: pointer;
  color: #2e7ba7;
}

.path-description .path-desc-top .name-total-box .path-total-courses {
  text-align: center;
}
</style>